<template>
	<view class="">
		<comHeader :config="navConfig"/>
	
	<view class="sou">
		<view class="kuangs">
			<text>筛选</text>
			<image src="../../../static/myPic/xiaJT.png"></image>
		</view>
		<view class="kuangss">
			<text>分类</text>
			<image src="../../../static/myPic/xiaJT.png"></image>
		</view>
		<navigator url="sousuo" class="kuangsss">
			<text>搜索</text>
		</navigator>
	</view>	
	
		<navigator url="timeYue" class="benyue">
			<view class="kuang">
				<text>本月</text>
				<image src="../../../static/myPic/xiaJT.png"></image>
			</view>
			<view class="bill">
				<view class="left">
					<view class="zhichu">支出￥1,098.12</view><br>
					<view class="shouru">收入￥109</view>
				</view>
				<image src="/static/jiantou.png"></image>
			</view>
		</navigator>
		<navigator class="pic1All" url="/pages/home/crew/crewDetail">
			<view class="pic1">
				<image src="../../../static/myPic/sousuoJQ.png"></image>
			</view>
			<view class="pic1Text">
				<h4>沈阳故宫门票</h4>
				<p>60.00</p>
				<h5>旅游景区</h5>
				<h6>昨天  21:12</h6>
			</view>
		</navigator>
		
		<navigator class="pic1All" url="/pages/home/crew/crewDetail">
			<view class="pic1">
				<image src="../../../static/myPic/sousuoXC.png"></image>
			</view>
			<view class="pic1Text">
				<h4>新韩小馆烤肉</h4>
				<p>298.00</p>
				<h5>美食小吃</h5>
				<h6>昨天  21:12</h6>
			</view>
		</navigator>
		
		<navigator class="pic1All" url="/pages/home/crew/crewDetail">
			<view class="pic1">
				<image src="../../../static/myPic/sousuoGW.png"></image>
			</view>
			<view class="pic1Text">
				<h4>宫廷古风中国风口红 长相思持久保湿防水</h4>
				<p>298.00</p>
				<h5>电商购物</h5>
				<h6>10-25  12:00</h6>
			</view>
		</navigator>
		
		<navigator url="timeYue" class="benyue">
			<view class="kuang">
				<text>九月</text>
				<image src="../../../static/myPic/xiaJT.png"></image>
			</view>
			<view class="bill">
				<view class="left">
					<view class="zhichu">支出￥1,098.12</view><br>
					<view class="shouru">收入￥109</view>
				</view>
				<image src="/static/jiantou.png"></image>
			</view>
		</navigator>
		<navigator class="pic1All" url="/pages/home/crew/crewDetail">
			<view class="pic1">
				<image src="../../../static/myPic/sousuoXC.png"></image>
			</view>
			<view class="pic1Text">
				<h4>新韩小馆烤肉</h4>
				<p>298.00</p>
				<h5>美食小吃</h5>
				<h6>昨天  21:12</h6>
			</view>
		</navigator>
		
		<navigator class="pic1All" url="/pages/home/crew/crewDetail">
			<view class="pic1">
				<image src="../../../static/myPic/sousuoGW.png"></image>
			</view>
			<view class="pic1Text">
				<h4>宫廷古风中国风口红 长相思持久保湿防水</h4>
				<p>298.00</p>
				<h5>电商购物</h5>
				<h6>10-25  12:00</h6>
			</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navConfig:{
					isFixed:false, //是否absolute布局
					comScroll:0,
					left:{
						
						isShowLeft:true,
						leftGobackColor:'black', //左边返回icon颜色
					},
					mid:{
						isShowMid:true,
						text:'我的账单'
					},
					right:{
						text:'',
						isShowRight:true,
					}
				},
				
			}
		},
	}
</script>

<style>
/* 	.line{
		width: 746upx;
		height: 1upx;
		opacity: 1;
		background: rgba(220,220,220,1);
	} */
	.sou{
		width: 746upx;
		height: 110upx;
		background: #FFFFFF;
		margin-top: 150upx;
	}
	.kuangs{
		margin-left: 43upx;
		margin-top: 30upx;
		width: 123upx;
		height: 53upx;
		opacity: 1;
		background: rgba(255,255,255,1);
		position: absolute;
		border-radius: 50upx;
		float: left;
	}
	.kuangs text{
		margin-left: 19upx;
		margin-bottom: 5upx;
		margin-top: 7upx;
		width: 65upx;
		height: 26upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: rgba(51,51,51,1);
		position: absolute;
	}
	.kuangs image{
		width: 14upx;
		height: 8upx;
		opacity: 1;
		margin-left: 86upx;
		margin-top: 23upx;
		position: absolute;
	}
	.kuangss{
		margin-left: 188upx;
		margin-top: 30upx;
		width: 123upx;
		height: 53upx;
		opacity: 1;
		background: rgba(255,255,255,1);
		position: absolute;
		border-radius: 50upx;
		float: left;
	}
	.kuangss text{
		margin-left: 19upx;
		margin-bottom: 5upx;
		margin-top: 7upx;
		width: 65upx;
		height: 26upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: rgba(51,51,51,1);
		position: absolute;
	}
	.kuangss image{
		width: 14upx;
		height: 8upx;
		opacity: 1;
		margin-left: 86upx;
		margin-top: 23upx;
		position: absolute;
	}
	.kuangsss{
		margin-left: 623upx;
		margin-top: 30upx;
		width: 123upx;
		height: 53upx;
		opacity: 1;
		background: rgba(255,255,255,1);
		position: absolute;
		border-radius: 50upx;
		float: left;
	}
	.kuangsss text{
		margin-left: 19upx;
		margin-bottom: 5upx;
		margin-top: 7upx;
		width: 65upx;
		height: 26upx;
		opacity: 1;
		font-size: 28upx;
		font-family: PingFang SC Regular;
		color: rgba(51,51,51,1);
		position: absolute;
	}
	.kuangsss image{
		width: 14upx;
		height: 8upx;
		opacity: 1;
		margin-left: 86upx;
		margin-top: 23upx;
		position: absolute;
	}
	.benyue{
			width: 749upx;
			height: 116upx;
			opacity: 1;
			background: rgba(246,246,246,1);
			display: flex;
			flex-direction: row;/*控制方向 --*/
			justify-content: space-between; /*对齐方式*/
			align-items: center;/*行高*/
		}
		.benyue .kuang{
			margin-left: 43upx;
			margin-top: 30upx;
			width: 123upx;
			height: 53upx;
			opacity: 1;
			background: rgba(255,255,255,1);
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			border-radius: 50upx;
		}
		.kuang text{
			width: 65upx;
			opacity: 1;
			font-size: 28upx;
			font-family: PingFang SC Regular;
			color: rgba(51,51,51,1);
		}
		.kuang image{
			width: 14upx;
			height: 8upx;
			opacity: 1;
		}
		.bill{
			display: flex;
			flex-direction: row;/*控制方向 --*/
			justify-content: space-between; /*对齐方式*/
			align-items: center;/*行高*/
			
		}
		.bill image{
		width: 25upx;
		height: 25upx;
		margin-right: 25upx;
		color: #BBBBBB;
	}
		
		.benyue .zhichu{
			width: 197upx;
			height: 28upx;
			opacity: 1;
			font-size: 28upx;
			font-family: PingFang SC Regular;
			color: rgba(153,153,153,1);
			margin-top: 14upx;
		}
		.benyue .shouru{
			width: 197upx;
			height: 28upx;
			opacity: 1;
			font-size: 28upx;
			font-family: PingFang SC Regular;
			color: rgba(153,153,153,1);
			margin-top: 10upx;
		}
		
		.pic1All{
			background-color: #FFFFFF;
			margin-top: 37upx;
			width: 750upx;
			height: 200upx;
		}
				
		.pic1 image{
			float: left;
			width: 60upx;
			height: 60upx;
			margin-top: 32upx;
			margin-left: 34upx;
		}
				
		.pic1Text{
			margin-top: 34upx;
			float:left;
			margin-left: 12upx;
		}
				
		.pic1Text h4{
			margin-left: 46upx;
			width: 355upx;
			font-size: 28upx;
			font-family: PingFang SC Regular;
			font-weight: bold;
			color: rgba(0,0,0,1);
			overflow: hidden;
			text-overflow: ellipsis;
			white-space:nowrap;
			height: 33upx;
			float: left;
		}
				
		.pic1Text h5{
			margin-top: 26upx;
			margin-left: 47upx;
			font-size: 24upx;
			font-family: PingFang SC Regular;
			color: #333333;
			line-height: 36upx;
		}
				
		.pic1Text h6{
			margin-left: 46upx;
			margin-top: 23upx;
			font-size: 24upx;
			font-family: PingFang SC Regular;
			color: #999999;
					
		}
				
		.pic1Text p{
			font-size: 32upx;
			font-family: PingFang SC Regular;
			color: #333333;
			margin-top: -2upx;
			margin-left: 109upx;
			float: left;
					/* margin-left: 364upx; */
			font-weight: bold;
			color: rgba(51,51,51,1);
		}
		
		
</style>
